﻿<%@ Page Language="C#" AutoEventWireup="true" MasterPageFile="~/Funcionario/Funcionario.Master" CodeBehind="Relatorios.aspx.cs"  Inherits="Ortodoctor.Funcionario.Relatorios" %>

<asp:Content ID="Contents" runat="server" ContentPlaceHolderID="head">
    <title>Ortodoctor - Relatorios</title>
    <script type="text/javascript" src="Relatorios.js"></script>
    <link href="Relatorios.css" rel="stylesheet" type="text/css" />
</asp:Content>

<asp:Content ID="Content" runat="server" ContentPlaceHolderID="conteudo">
    <div id="container">
    </div>
    <div id="Ulbox">
        <ul>
            <li id="procPeriod" style="background-image: url(../images/relatorios/tratamentoperiodo.png); cursor:pointer">
                <p><b>Procedimento por Período</b></p>
            </li>
            <li id="procDentist" style="background-image: url(../images/relatorios/tratamentodentista.png); cursor:pointer">
                <p><b>Procedimento por Dentista</b></p>
            </li>
            <li id="procClinic" style="background-image: url(../images/relatorios/tratamentoclinica.png); cursor:pointer">
                <p><b>Procedimento por Clínica</b></p>
            </li>
            <li id="parcelaPaga"style="background-image: url(../images/relatorios/parcelaspagas.png); cursor:pointer">
                <p><b>Parcelas Pagas</b></p>
            </li>
            <li id="parcelaPagaClinica"style="background-image: url(../images/relatorios/parcelaspagasclinica.png); cursor:pointer">
                <p><b>Parcelas Pagas na Clinica</b></p>
            </li>
            <li id="parcelaAtrasada"style="background-image: url(../images/relatorios/parcelasatrasadas.png); cursor:pointer">
                <p><b>Parcelas Atrasadas</b></p>
            </li>
            <li id="parcelaTransferida"style="background-image: url(../images/relatorios/parcelasatrasadas.png); cursor:pointer">
                <p><b>Parcelas Transferidas</b></p>
            </li>
            <li id="parcelaPromocao"style="background-image: url(../images/relatorios/parcelaspromocao.png); cursor:pointer">
                <p><b>Parcelas Promoção</b></p>
            </li>
            <li id="parcelasVencer"style="background-image: url(../images/relatorios/parcelasatrasadas.png); cursor:pointer">
                <p><b>Parcelas a Vencer</b></p>
            </li>
            <li id="CaixaParcelas"style="background-image: url(../images/relatorios/payment.png); cursor:pointer">
                <p><b>Caixa Parcelas</b></p>
            </li>
            <li id="CaixaContas"style="background-image: url(../images/relatorios/payment.png);cursor:pointer">
                <p><b>Caixa Entrada/Saída</b></p>
            </li>
            <li id="EuAmoAparelho" style="background-image: url(../images/relatorios/indicado.png); cursor:pointer">
                <p><b>Indicações</b></p>
            </li>
            <li id="EuAmoAparelhoCreditos" style="background-image: url(../images/relatorios/creditos.png); cursor:pointer">
                <p><b>Créditos</b></p>
            </li>
            <li id="EuAmoAparelhoDebitos" style="background-image: url(../images/relatorios/debito.png); cursor:pointer">
                <p><b>Premios</b></p>
            </li>
        </ul>
        <asp:Button ID="BTN_ParcelasPagas" runat="server" Text="Button" OnClick="parcelasPagas_Click"/>
        <asp:Button ID="BTN_ParcelasPagasClinica" runat="server" Text="Button" OnClick="BTN_ParcelasPagasClinica_Click"/>
        <asp:Button ID="BTN_ParcelasAtrasadas" runat="server" Text="Button" OnClick="BTN_ParcelasAtrasadas_Click"/>
        <asp:Button ID="BTN_ParcelasTransferidas" runat="server" Text="Button" OnClick="BTN_ParcelasTransferidas_Click"/>
        <asp:Button ID="BTN_ParcelasPromocao" runat="server" Text="Button" OnClick="BTN_ParcelasPromocao_Click"/>
        <asp:Button ID="BTN_Procedimento_periodo" runat="server" Text="Button" OnClick="BTN_Procedimento_periodo_Click"/>
        <asp:Button ID="BTN_Procedimento_dentista" runat="server" Text="Button" OnClick="BTN_Procedimento_dentista_Click"/>
        <asp:Button ID="BTN_Procedimento_clinica" runat="server" Text="Button" OnClick="BTN_Procedimento_clinica_Click"/>
        <asp:Button ID="BTN_ParcelasCaixa" runat="server" Text="Button" OnClick="BTN_ParcelasCaixa_Click"/>
        <asp:Button ID="BTN_CaixaConta" runat="server" Text="Button" OnClick="BTN_CaixaConta_Click"/>
        <asp:Button ID="BTN_Indicados" runat="server" Text="Button" OnClick="BTN_Indicados_Click"/>
        <asp:Button ID="BTN_Creditos" runat="server" Text="Button" OnClick="BTN_Creditos_Click"/>
        <asp:Button ID="BTN_Debitos" runat="server" Text="Button" OnClick="BTN_Debitos_Click"/>
        <asp:Button ID="BTN_ParcelasVencer" runat="server" Text="Button" OnClick="BTN_ParcelasVencer_Click"/>
    </div>

    <div id="periodo" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
            <div id="cadastro" class="modal-body">
                <ul class="nav nav-tabs" id="tabCadastro">
                    <li><a href="#tabPeriodo">Período</a></li>
                    <li><a href="#tabDentista">Dentista</a></li>
                    <li><a href="#tabClinica">Clínica</a></li>
                </ul>

                <div class="tab-content">
                    <div class="tab-pane" id="tabPeriodo">
                        <table>
                            <tr>
                                <td>
                                    <label>Data Inicial:</label>
                                </td>
                                <td>
                                    <input type="text" id="DataInicial" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <label>Data Final:</label>
                                </td>
                                <td>
                                    <input type="text" id="DataFinal" />
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="tab-pane" id="tabDentista">
                        <table>
                            <tr>
                                <td>
                                    <label>Dentista:</label>
                                </td>
                                <td>
                                    <select id="dentistaSelect" runat="server">
                                        <option value="dentista1">Dentista1</option>
                                        <option value="dentista2">Dentista2</option>
                                        <option value="dentista3">Dentista3</option>
                                        <option value="dentista4">Dentista4</option>
                                    </select>
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div class="tab-pane" id="tabClinica">
                        <table>
                            <tr>
                                <td>
                                    <label>Clínica:</label>
                                </td>
                                <td>
                                    <select id="ClinicaSelect" runat="server">
                                        <option value="clinica1">Clinica1</option>
                                        <option value="clinica2">Clinica2</option>
                                        <option value="clinica3">Clinica3</option>
                                        <option value="clinica4">Clinica4</option>
                                    </select>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            
            <div class="modal-footer">
                <input type="button" class="btn" onclick="javascript: CancelButton(); return false;" value="Cancelar" />
                <input type="button" class="btn btn-primary" onclick="javascript: ConfirmButton(); return false;" value="Confirmar" />
            </div>
        </div>

        <div id="clientes" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
            <div id="cadastro_cliente" class="modal-body">
                <ul class="nav nav-tabs" id="tabCadastroCliente">
                    <li><a href="#tabClientePeriodo">Período</a></li>
                </ul>

                <div class="tab-content">
                    <div class="tab-pane" id="tabClientePeriodo">
                        <table>
                            <tr>
                                <td>
                                    <label>Data Inicial:</label>
                                </td>
                                <td>
                                    <input type="text" id="dataInicialParcela" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <label>Data Final:</label>
                                </td>
                                <td>
                                    <input type="text" id="dataFinalParcela" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <label>Paciente:</label>
                                </td>
                                <td>
                                    <select id="pacienteParcela" runat="server">
                                        <option value="-999">Todos</option>
                                        <option value="Paciente1">Paciente1</option>
                                        <option value="Paciente2">Paciente2</option>
                                        <option value="Paciente3">Paciente3</option>
                                        <option value="Paciente4">Paciente4</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <label>Clinica:</label>
                                </td>
                                <td>
                                    <select id="clinicaParcela" runat="server">
                                        <option value="-999">Todos</option>
                                        <option value="Clinica1">Clinica1</option>
                                        <option value="Clinica2">Clinica2</option>
                                        <option value="Clinica3">Clinica3</option>
                                        <option value="Clinica4">Clinica</option>
                                    </select>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            
            <div class="modal-footer">
                <input type="button" class="btn" onclick="javascript: CancelButtonParcelas(); return false;" value="Cancelar" />
                <input type="button" class="btn btn-primary" onclick="javascript: ConfirmButtonParcelas(); return false;" value="Confirmar" />
            </div>
        </div>

        <div id="caixa" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
            <div id="filtoCaixa" class="modal-body">
                <ul class="nav nav-tabs" id="Ul1">
                    <li><a href="#tabCaixa">Período</a></li>
                </ul>

                <div class="tab-content">
                    <div class="tab-pane" id="tabCaixa">
                        <table>
                            <tr>
                                <td>
                                    <label>Data Inicial:</label>
                                </td>
                                <td>
                                    <input type="text" id="dataCaixaInicial" />
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <label>Data Final:</label>
                                </td>
                                <td>
                                    <input type="text" id="dataCaixaFinal" />
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            
            <div class="modal-footer">
                <input type="button" class="btn" onclick="javascript: CancelButtonCaixa(); return false;" value="Cancelar" />
                <input type="button" class="btn btn-primary" onclick="javascript: ConfirmButtonCaixa(); return false;" value="Confirmar" />
            </div>
        </div>

        <div id="EuAmoAparelhoForm" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
            <div id="EuAmoAparelhoTab" class="modal-body">
                <ul class="nav nav-tabs" id="EuAmoAparelhoTabCadastro">
                    <li><a href="#EuAmoAparelhoFormTab1">Período</a></li>
                </ul>

                <div class="tab-content">
                    <div class="tab-pane" id="EuAmoAparelhoFormTab1">
                        <table>
                            <tr>
                                <td>
                                    <label>Clínica:</label>
                                </td>
                                <td>
                                    <select id="clinicas" runat="server">
                                        <option value="clinica1">Clinica1</option>
                                        <option value="clinica2">Clinica2</option>
                                        <option value="clinica3">Clinica3</option>
                                        <option value="clinica4">Clinica4</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <label>Paciente:</label>
                                </td>
                                <td>
                                    <select id="pacientes" runat="server">
                                        <option value="-999">Todos</option>
                                        <option value="Paciente1">Paciente1</option>
                                        <option value="Paciente2">Paciente2</option>
                                        <option value="Paciente3">Paciente3</option>
                                        <option value="Paciente4">Paciente4</option>
                                    </select>
                                </td>
                            </tr>
                            <tr class="naoPremio">
                                <td>
                                    <label>Data Inicial:</label>
                                </td>
                                <td>
                                    <input type="text" id="dataI" />
                                </td>
                            </tr>
                            <tr class="naoPremio">
                                <td>
                                    <label>Data Final:</label>
                                </td>
                                <td>
                                    <input type="text" id="dataF" />
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            
            <div class="modal-footer">
                <input type="button" class="btn" onclick="javascript: CancelButtonAparelho(); return false;" value="Cancelar" />
                <input type="button" class="btn btn-primary" onclick="javascript: ConfirmButtonAparelho(); return false;" value="Confirmar" />
            </div>
        </div>

    <div id="#RelatorioSemDataForm" class="modal hide fade" tabindex="-1" role="dialog" aria-hidden="true">
            <div id="RelatorioSemDataTab" class="modal-body">
                <ul class="nav nav-tabs" id="RelatorioSemDataTabCadastro">
                    <li><a href="#RelatorioSemDataTab1">Período</a></li>
                </ul>

                <div class="tab-content">
                    <div class="tab-pane" id="Div3">
                        <table>
                            <tr>
                                <td>
                                    <label>Clínica:</label>
                                </td>
                                <td>
                                    <select id="Select1" runat="server">
                                        <option value="clinica1">Clinica1</option>
                                        <option value="clinica2">Clinica2</option>
                                        <option value="clinica3">Clinica3</option>
                                        <option value="clinica4">Clinica4</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <label>Paciente:</label>
                                </td>
                                <td>
                                    <select id="Select2" runat="server">
                                        <option value="-999">Todos</option>
                                        <option value="Paciente1">Paciente1</option>
                                        <option value="Paciente2">Paciente2</option>
                                        <option value="Paciente3">Paciente3</option>
                                        <option value="Paciente4">Paciente4</option>
                                    </select>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            
            <div class="modal-footer">
                <input type="button" class="btn" onclick="javascript: CancelButtonAparelho(); return false;" value="Cancelar" />
                <input type="button" class="btn btn-primary" onclick="javascript: ConfirmButtonAparelho(); return false;" value="Confirmar" />
            </div>
        </div>


</asp:Content>
